/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%; margin:0px auto; }/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #w_grid-1618191216804 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1618191216804*/ /*w_grid-1618191216804*/ /*w_grid-1618191216804*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1618191218121 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1618191218121*/ /*w_grid-1618191218121*/ /*w_grid-1618191218121*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1618191216804{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1618191218121{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media (max-width: 1024px){ } #c_portalResGroupNavNew_main-16181913537788506 .p_MatteIcon .iconfont:before{content:'\e602'; } #c_portalResGroupNavNew_main-16181913537788506 .sear_box{ display:none; border:1px solid #fff; position:fixed; height:50px; width:360px; border-radius:25px; background:rgba(0,0,0,0.5); padding-right:30px; box-sizing:border-box; right:calc((100% - 1340px)/2); box-shadow:0 0 6px #fff; top:102px; z-index:999999; } #c_portalResGroupNavNew_main-16181913537788506 .search_use{ position:relative; width:100%; margin:auto; height:100%; } #c_portalResGroupNavNew_main-16181913537788506 .sear_close{ display:none; width:20px; height:20px; background:url(/img/img_sprite.png)no-repeat; background-position:-60px 0; position:absolute; right:408px; top:50%; transform:translateY(-50%); cursor:pointer; } #c_portalResGroupNavNew_main-16181913537788506 .search_use input{ border:0; position:absolute; right:0; top:50%; transform:translateY(-50%); background:0; width:300px; height:50px; line-height:50px; color:#fff; font-size:16px; padding-left:10px; box-sizing:border-box; } #c_portalResGroupNavNew_main-16181913537788506 .sear_btn{ position:absolute; background:url(/img/search.png) no-repeat; background-position:0 0; background-size:100%; width:19px; height:18px; cursor:pointer; right:0; top:50%; transform:translateY(-50%); } #c_portalResGroupNavNew_main-16181913537788506 >div{animation-fill-mode:both; } #c_portalResGroupNavNew_main-16181913537788506 body{ overflow-x:hidden; } #c_portalResGroupNavNew_main-16181913537788506 .w1440{ width:1440px; max-width:96%; margin:0 auto; } #c_portalResGroupNavNew_main-16181913537788506 .m-head{ z-index:99; width:100%; transition:all 0.8s; position:absolute; background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active{ position:fixed; top:0; left:0; transition:all 0.8s; background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .u-logo{ margin-top:15px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .u-logo img{ width:138px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .m-nav li{ line-height:70px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .m-nav li>a:before{ top:70px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .f-in{ z-index:99999; position:relative; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav{ font-size:18px; margin-right:163px; float:right; box-sizing:border-box; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li{ float:left; line-height:140px; position:relative; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li a{ display:block; text-decoration:none; padding:0 34px; color:#fff; z-index:2; margin:0 auto; position:relative; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li:hover>a{ color:#1181c4; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li a:before{ content:""; width:0px; height:2px; display:block; background:#1181c4; position:absolute; left:50%; top:98px; transition:all .3s cubic-bezier(.4, 0, .2, 1) 0s; transform:translateX(-50%); } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li:hover>a:before{ width:100%; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li .nav-icon{display:none; width:30px; position:absolute; right:20px; top:0; z-index:999; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li .nav-icon:before{font-size:24px; font-style:normal; content:"+"; display:block; color:#fff; font-weight:700; z-index:999; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li:hover .sub-nav{ top:100px; -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .m-nav li:hover .sub-nav{ top:70px; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li:hover .sub-nav dd{opacity:1; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .img_box{ width:42.27%; overflow:hidden; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .img_box .img{ width:100%; height:0; padding-bottom:68.75%; transition:all 0.4s; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .img_box a{ padding:0; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .img_box:hover .img{ -ms-transform:scale(1.06); -moz-transform:scale(1.06); -webkit-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06); transition:all 0.4s; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .nav_dl{ width:57.53%; padding-left:8.32%; padding-top:2.64%; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .nav_dl dl{ width:50%; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav dd{ opacity:1; line-height:46px; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav dd a{ padding:0px; display:block; color:#3b3b3b; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav dd a:hover{ color:#1181c4; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav{ width:100%; font-size:16px; line-height:20px; text-align:center; padding:0 15px; background:rgba(255,255,255,0.9); position:absolute; top:78px; box-sizing:border-box; transition:all .4s cubic-bezier(.4, 0, .2, 1) 0s; -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0); transform-origin:top center; opacity:0; z-index:9; left:0; } #c_portalResGroupNavNew_main-16181913537788506 .u-logo{ margin-top:34px; float:left; z-index:2; } #c_portalResGroupNavNew_main-16181913537788506 .u-search{ position:absolute; right:95px; width:30px; height:30px; background:transparent; top:50%; margin-top:-15px; z-index:9; border:1px solid transparent; border-radius:3px; overflow:hidden; color:#333333; transition:all .6s cubic-bezier(.4, 0, .2, 1) .35s; } #c_portalResGroupNavNew_main-16181913537788506 .language{ top:50%; position:absolute; right:0px; margin-top:-13px; } #c_portalResGroupNavNew_main-16181913537788506 .language a{ color:#1181c4; } #c_portalResGroupNavNew_main-16181913537788506 .language a:hover{ color:#1181c4; } #c_portalResGroupNavNew_main-16181913537788506 .ren{ top:50%; position:absolute; right:47px; margin-top:-10px; } #c_portalResGroupNavNew_main-16181913537788506 .u-search a{ width:30px; height:30px; line-height:30px; float:right; color:#333333; } #c_portalResGroupNavNew_main-16181913537788506 .u-search a img{ margin-top:4px; margin-left:4px; } #c_portalResGroupNavNew_main-16181913537788506 .u-search i{ font-size:20px; font-weight:700; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li:hover .nav-icon:before{ content:""; width:15px; height:2px; background:#fff; margin-top:20px; } #c_portalResGroupNavNew_main-16181913537788506 .logo_img1{ display:none; } @media only screen and (max-width: 1440px){ #c_portalResGroupNavNew_main-16181913537788506 .sear_box { right: calc((100% - 1220px)/2); } } @media only screen and (max-width: 1366px){ #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav{ padding:0 15px; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .nav_dl{ padding-top: 0; } #c_portalResGroupNavNew_main-16181913537788506 .u-logo img{ width: 180px;} #c_portalResGroupNavNew_main-16181913537788506 .m-nav li{line-height: 100px;} #c_portalResGroupNavNew_main-16181913537788506 .m-nav li a{padding: 0 24px;} #c_portalResGroupNavNew_main-16181913537788506 .u-logo { margin-top: 20px;} } @media only screen and (max-width: 1280px){ #c_portalResGroupNavNew_main-16181913537788506 .sear_box { right: calc((100% - 1000px)/2); } } @media only screen and (max-width: 1160px){ #c_portalResGroupNavNew_main-16181913537788506 .m-nav li a{padding: 0 15px;} #c_portalResGroupNavNew_main-16181913537788506 .u-search{ right: 20px; } } @media (max-width: 1024px){ #c_portalResGroupNavNew_main-16181913537788506 .sear_box { right: 50px; top: 60px; height: 50px; width: 300px; } #c_portalResGroupNavNew_main-16181913537788506 .search_use input { width: 250px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .m-nav li{ position: relative; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .img_box{ display:none; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .nav_dl { width: 100%; padding-left: 0; padding-top: 0; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav .nav_dl dl { width: 100%; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav dd a{ color:#fff; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav dd a:before{ background:#fff; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav{ padding:0; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .m-nav li>a:before{display:none;} #c_portalResGroupNavNew_main-16181913537788506 .m-head.active{ background:rgba(0,0,0,0.7); } #c_portalResGroupNavNew_main-16181913537788506 .language{ right: 96px;margin-top: -16px; } #c_portalResGroupNavNew_main-16181913537788506 .ren { right: 72px; margin-top: -14px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .m-nav li{line-height: 50px;} #c_portalResGroupNavNew_main-16181913537788506 .m-head .u-menu { width: 30px; height: 30px; position: relative; cursor: pointer; float: right; top: 5px; z-index: 6; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .u-menu .menu-sub { position: absolute; right: 0; margin: 8px 0; top: 8px; width: 20px; height: 2px; background-color: #fff; transition: all .1s cubic-bezier(.4, 0, .2, 1) 0s; border-radius: 2px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .u-menu .menu-sub:after, .m-head .u-menu .menu-sub:before { content: ""; position: absolute; right: 0; width: 25px; height: 2px; background-color: inherit; transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s; border-radius: 2px; display: block; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .u-menu .menu-sub:before { top: -16px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .u-menu .menu-sub:after { top: -8px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .m-nav { position: absolute; height:calc(100vh - 56px); overflow: hidden; right: -100%; text-align: left; line-height: 1; opacity: 0; z-index: 5; width: 300px; top: 56px; transition: all .4s cubic-bezier(.4, 0, .2, 1) 0s; margin: 0; background:rgba(0,0,0,0.7); opacity: 0; } #c_portalResGroupNavNew_main-16181913537788506 .u-search{right: 40px;margin-top: -19px;} #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .u-logo{margin-top:0px;} #c_portalResGroupNavNew_main-16181913537788506 .m-head.active .u-logo img{width: 120px;} #c_portalResGroupNavNew_main-16181913537788506 .m-head .f-in {padding: 10px 15px;max-width: 100%;} #c_portalResGroupNavNew_main-16181913537788506 .m-head .m-nav li { float: none; height: 50px; line-height: 50px; overflow: hidden; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.z-show .m-nav { top: 56px; -ms-transform:translate(0, 0); -moz-transform:translate(0, 0); -webkit-transform:translate(0, 0); -o-transform:translate(0, 0); transform: translate(0, 0); opacity: 1; height: calc(100vh - 56px); right: 0; overflow-y: auto; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.z-show .u-menu .menu-sub { height: 0; background: #fff; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.z-show .u-menu .menu-sub:before { -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); background: #fff; top: -8px; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.z-show .u-menu .menu-sub:after { -ms-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -o-transform:rotate(-225deg); transform: rotate(-225deg); background: #fff; top: -8px; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li a{ text-align: center; width: 50%; margin: 0; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav li .nav-icon{ display: block; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .m-nav .sub-nav { position: static; border-left: 0; border-right: 0; border-top: 1px solid #333; background:transparent; } #c_portalResGroupNavNew_main-16181913537788506 .m-head .m-nav li:hover { height: auto; } #c_portalResGroupNavNew_main-16181913537788506 .m-head.z-show .u-menu .menu-sub:before,.m-head.z-show .u-menu .menu-sub:after{ width: 25px; } #c_portalResGroupNavNew_main-16181913537788506 .m-nav .sub-nav dd{padding-left: 30px;} } #c_portalResGroupNavNew_main-16181913537788506{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }